﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.foot{width:100%; height:auto; color:#868686; background:#141414; padding-bottom:30px; overflow:hidden; margin-top:60px}
	.foot a{color:#868686}
	.foot a:hover{ color:#599e67}
	.foot h6{ color:#FFFFFF; font-size:0.18rem; font-weight:400; position:relative;}
	.foot h6:before{content: ""; width:40px; height:3px; background-color:#599e67; position:absolute; left:0; top:40px}
	
	.foot_box{ width:92%; height:auto; margin:0 auto; margin-top:50px}
	.foot_box div{width:100%; height:auto;}
	
	.foot_box .div2{ margin-top:26px}
	.foot_box .div3{ margin-top:26px}
	.foot_box .div4{ margin-top:26px}
	
	.foot_box .div1 span{display:block; width:50%; height:auto; margin-left:0;}
	.foot_box .div1 span img{ max-width:100%; height:auto}
	.foot_box .div1 p{ font-size:0.14rem; line-height:0.26rem; margin-top:20px}
	
	.foot_box .div4 p{ font-size:0.14rem; line-height:0.26rem; margin-top:50px}
	.foot_box .div4 span{ display:block; width:100%; height:auto; margin-top:20px}
	
	.foot_input{width:98%; height:50px; line-height:50px; font-size:14px; border:1px solid #868686; background:#141414 url(../images/footmail.jpg) no-repeat right 20px center; color:#868686; text-indent:20px;}
	.foot_save{padding:10px 40px 10px 16px; background:#599e67 url(../images/send.png) no-repeat right 15px center; cursor:pointer; text-transform:uppercase; color:#fff; }
	.foot_save:hover{color:#FFF; background:#448450 url(../images/send.png) no-repeat right 15px center;}

	.foot_nav{width:100%; height:auto; margin-top:30px; overflow:hidden}
	.foot_nav li{ float:left; width:49%; height:auto; padding-left:20px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;  position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}	.foot_nav li:after{position:absolute; left:0; top:0; content:">"}
	.foot_nav li a{ display:block}
	
	.foot_teladd{ width:100%; height:auto; margin-top:60px}
	.foot_teladd li{ background:url(../images/foottel.jpg) no-repeat left top; padding-left:58px; line-height:0.36rem}
	.foot_teladd li:nth-child(2){ background:url(../images/footadd.jpg) no-repeat left top; line-height:0.26rem}
	.foot_teladd li+li{ margin-top:20px}
	
	.foot_text{ border-top:1px solid #393939; margin-top:40px; padding-top:20px; text-align:center}
	.foot_text span{ line-height:0.3rem; display:block}
	
	.iShare{ width:100%; height:auto; margin-top:26px;}
	.iShare a{ margin-right:12px}
	.iShare img{transition: transform 0.5s ease;}
	.iShare img:hover{transform: translateY(-5px);}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.foot{width:100%; height:auto; color:#868686; background:#141414; padding-bottom:30px; overflow:hidden; margin-top:60px}
	.foot a{color:#868686}
	.foot a:hover{ color:#599e67}
	.foot h6{ color:#FFFFFF; font-size:18px; font-weight:400; position:relative;}
	.foot h6:before{content: ""; width:40px; height:3px; background-color:#599e67; position:absolute; left:0; top:40px}
	
	.foot_box{
		margin-top:100px;
		display:flex;/*启用弹性布局*/
		display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
		flex-direction:row;/*项目的排列方向,从左到右排*/
		-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
		flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
		-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
		justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
		-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	}
	.foot_box div{width:22%; height:auto;}
	
	.foot_box .div1 span{display:block; width:50%; height:auto; margin-left:0;}
	.foot_box .div1 span img{ max-width:100%; height:auto}
	.foot_box .div1 p{ font-size:14px; line-height:26px; margin-top:26px}
	
	.foot_box .div4 p{ font-size:14px; line-height:26px; margin-top:50px}
	.foot_box .div4 span{ display:block; width:100%; height:auto; margin-top:20px}
	
	.foot_input{width:98%; height:50px; line-height:50px; font-size:14px; border:1px solid #868686; background:#141414 url(../images/footmail.jpg) no-repeat right 20px center; color:#868686; text-indent:20px;}
	.foot_save{padding:10px 40px 10px 16px; background:#599e67 url(../images/send.png) no-repeat right 15px center; cursor:pointer; text-transform:uppercase; color:#fff; }
	.foot_save:hover{color:#FFF; background:#448450 url(../images/send.png) no-repeat right 15px center;}

	.foot_nav{width:100%; height:auto; margin-top:50px; overflow:hidden}
	.foot_nav li{ float:left; width:48%; height:auto; padding-left:20px; line-height:40px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;  position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}	.foot_nav li:after{position:absolute; left:0; top:0; content:">"}
	.foot_nav li a{ display:block}
	
	.foot_teladd{ width:100%; height:auto; margin-top:60px}
	.foot_teladd li{ background:url(../images/foottel.jpg) no-repeat left top; padding-left:58px; line-height:36px}
	.foot_teladd li:nth-child(2){ background:url(../images/footadd.jpg) no-repeat left top; line-height:26px}
	.foot_teladd li+li{ margin-top:20px}
	
	.foot_text{ border-top:1px solid #393939; margin-top:40px; padding-top:20px; text-align:center}
	.foot_text span{ line-height:50px; display:inline-table}
	.foot_text span+span{ margin-left:40px}
	
	.iShare{ width:100%; height:auto; margin-top:26px;}
	.iShare a{ margin-right:12px}
	.iShare img{transition: transform 0.5s ease;}
	.iShare img:hover{transform: translateY(-5px);}
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#599e67; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:33.3333%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#7ab386; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(3):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */